<!-- ejeje © 2007 havard@gulldahl.no -->
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:xi="http://www.w3.org/2001/XInclude"
      xmlns:py="http://genshi.edgewall.org/">
  <xi:include href="layout.html" />
  <head>
    <title>Overvåking</title>
    <script type="text/javascript">
      function set(obj) {
        var q = YAHOO.util.Dom.get("q");
        q.value=obj.innerHTML;
      }
      
      function overvak_ord(form) {
        var q = form.elements.namedItem('q').value;
        // run XHR query
        ejeje.jsonRequest(oppdater_liste, '/_overvaking', 'word='+q);
      }
      
      function oppdater_liste(json) {
        // callback: update #overvaking-liste with complete list
        if(json.success == false)
          return;
        if(json.list.length > 0) {
          YAHOO.util.Dom.setStyle('tomliste', 'display', 'none');
          var list = YAHOO.util.Dom.get('overvaking-liste');
          list.innerHTML = ejeje.lag_li(json.list);
        }
      }
      
    </script>
  </head>
  <body class="index">
    <div id="overvaking">
      Nå overvåker du følgende nøkkelord (og synonymer):
      <span py:if="not overvaking" id="tomliste" class="info">INGEN. Legg til et nytt ord i listen under for å starte overvåkningen</span>
      <div>
        <ol id="overvaking-liste">
          <li py:for="ord in overvaking">${ord}</li>
        </ol>
      </div>
      
      <form action="/" onsubmit="return false;">
        <label>
          Søk etter:
          <input type="text" size="60" name="q" id="q" 
            value="Ord som skal overvåkes"
            onfocus="this.value=''"
            onblur="if(this.value=='') this.value=this.defaultValue"/>
        </label>
        <input value="Legg til" type="submit" onclick="overvak_ord(this.form)"/>
      </form>
      
      <div class="floater" id="overvaking-forslag">
        Du kan også legge til tidligere søkeord:
        <ul>
          <li py:for="ord in sesjonord"><a href="#" onclick="set(this)">${ord}</a></li>
        </ul>
      </div>
    </div>
  </body>
</html>
